@charset "utf-8";

/* 基础样式 */

body {
	width: 10.08rem;
	height: 6.00rem;
	margin: 0 auto;
}

html,
body {
	width: 9.78rem;
}

body {
	font: .14rem/1.5 "Microsoft YaHei", Tahoma, "simsun", sans-serif;
}

h1,
h2,
h3,
p {
	margin: 0;
}

body,
a {
	color: #333;
}

main {
	display: block;
}

a {
	text-decoration: none;
}


/* 背景样式 */

body {
	border: .15rem solid #000;
	background-color: #1F2025;
	display: flex;
	flex-wrap: wrap;
}


/* 侧栏样式 */

.aside {
	width: 4.30rem;
	height: 6rem;
	background-image: url(../img/侧栏.png);
	background-repeat: no-repeat;
	background-size: 4.30rem 6rem;
	border-right: .15rem solid #000;
}


/* 主要模块样式 */

main {
	width: 5.33rem;
	height: 6rem;
	position: relative;
	background-color: #1F2025;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}


/* 文章导航样式 */

.main-nav {
	position: absolute;
	top: .6rem;
	left: .05rem;
	background-color: rgba(0, 0, 0, 0.5);
	width: 5.28rem;
	display: flex;
	justify-content: space-around;
}

.main-nav-link {
	text-align: center;
}

.main-nav-link:hover {
	color: gainsboro;
}


/* 文章样式 */

.main-dilraba {
	background-image: url(../img/文章背景.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 5.28rem;
	height: 5.90rem;
}

.main-dilraba-title,
.main-dilraba-comment {
	color: grey;
	font-size: .15rem;
	text-indent: .3rem;
}

.main-dilraba-title {
	padding: .9rem .2rem 0;
	height: .44rem;
	overflow: hidden;
}

.main-dilraba-comment {
	padding: 0 .2rem 0;
	height: 2.17rem;
	overflow: hidden;
}

.main-dilraba-imgGroup {
	margin: .1rem 0 .1rem;
	display: flex;
	justify-content: space-around;
}

.main-dilraba-imgGroup-ltem {
	width: 1.13rem;
	height: 2.19rem;
}


/* 高光条样式 */

.highlight {
	width: 9.20rem;
	height: .07rem;
	position: absolute;
	top: 0rem;
	left: 0rem;
	z-index: 999;
	background-color: #37393E;
}


/* 页脚模块样式 */


/* 版权样式 */

.mainFooter-copyright {
	color: grey;
	text-align: center;
	font-size: .12rem;
	width: 9.78rem;
}

body {
	min-width: 720px;
}
